@font-face {
    font-family: 'ZoomlaXingtiJ6';
    src: url('https://code.z01.com/font/ZoomlaXingtiJ6.eot?#iefix');
    /* IE9 */
    src: url('https://code.z01.com/font/ZoomlaXingtiJ6.eot?#iefix') format("embedded-opentype"),
        /* IE6-IE8 */
        url('https://code.z01.com/font/ZoomlaXingtiJ6.woff') format("woff"),
        /* chrome、firefox */
        url('https://code.z01.com/font/ZoomlaXingtiJ6.ttf') format("truetype"),
        /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
        url('https://code.z01.com/font/ZoomlaXingtiJ6.svg#ZoomlaXingtiJ6') format("svg");
    /* iOS 4.1- */
    font-style: normal;
    font-weight: normal;
}
@font-face{font-family:'ZoomlaGaiShiHero-A050';/*逐浪盖世英雄狂草体*/
    src: url('https://code.z01.com/font/ZoomlaGaiShiHero-A050.eot?#iefix'); /* IE9 */
    src: url('https://code.z01.com/font/ZoomlaGaiShiHero-A050.eot?#iefix') format("embedded-opentype"), /* IE6-IE8 */
    url('https://code.z01.com/font/ZoomlaGaiShiHero-A050.woff') format("woff"), /* chrome、firefox */
    url('https://code.z01.com/font/ZoomlaGaiShiHero-A050.ttf') format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
    url('https://code.z01.com/font/ZoomlaGaiShiHero-A050.svg#ZoomlaGaiShiHero-A050') format("svg"); /* iOS 4.1- */
    font-style: normal; font-weight: normal;}

@font-face{font-family:'zFont2';
    src: url('https://code.z01.com/font/zFont2.eot?#iefix'); /* IE9 */
    src: url('https://code.z01.com/font/zFont2.eot?#iefix') format("embedded-opentype"), /* IE6-IE8 */
    url('https://code.z01.com/font/zFont2.woff') format("woff"), /* chrome、firefox */
    url('https://code.z01.com/font/zFont2.ttf') format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
    url('https://code.z01.com/font/zFont2.svg#zFont2') format("svg"); /* iOS 4.1- */
    font-style: normal; font-weight: normal;}
    @font-face{font-family:'ZoomlaXiangJiao-A025';/*逐浪湘教钢笔体*/
        src: url('https://code.z01.com/font/ZoomlaXiangJiao-A025.eot?#iefix'); /* IE9 */
        src: url('https://code.z01.com/font/ZoomlaXiangJiao-A025.eot?#iefix') format("embedded-opentype"), /* IE6-IE8 */
        url('https://code.z01.com/font/ZoomlaXiangJiao-A025.woff') format("woff"), /* chrome、firefox */
        url('https://code.z01.com/font/ZoomlaXiangJiao-A025.ttf') format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
        url('https://code.z01.com/font/ZoomlaXiangJiao-A025.svg#ZoomlaXiangJiao-A025') format("svg"); /* iOS 4.1- */
        font-style: normal; font-weight: normal;}
    
 body {
     font-family:arial,helvetica,sans-serif;
     font-size:13px;
     font-size-adjust:none;
     font-stretch:normal;
     font-style:normal;
     font-variant:normal;
     font-weight:normal;
     line-height:1.4;
     text-align:center;
 }

body, ul, ol, dl, dd, h1, h2, h3, h4, h5, h6, p, form, fieldset, legend, input, textarea, select, button, th, td {
    margin:0;
    padding:0;
}
h1, h2, h3, h4, h5, h6 {
    font-size:100%;
    font-weight:normal;
}
table {
    font-size:inherit;
}
input, select {
    font-family:arial,helvetica,clean,sans-serif;
    font-size:100%;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:normal;
}
button {
    overflow:visible;
}
th, em, strong, b, address, cite {
    font-style:normal;
    font-weight:normal;
}
li {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
}
img, fieldset {
    border:0 none;
}
ins {
    text-decoration:none;
}
p{
    font-family: "ZoomlaGaiShiHero-A050";
}

 .vui-slider {
     position:relative;
     overflow:hidden;
     background:#999;
     width: 100vw !important;
     height: 100vh !important;
 }
 .vui-slider .vui-items {
     overflow:hidden;
     width:100vw;
     height:100vh;
 }
 .vui-slider .vui-item {
     display:none;
     position:absolute;
     top:0;
     left:0;
     width:100%;
     height:100%;
 }
 .vui-slider .vui-item a,
 .vui-slider .vui-item img {
     display:block;
     padding:0;
     margin:0;
     width: 100%;
     height: 100%;
     border:none;
 }

 /*.vui-slider .vui-prev {*/
 /*    position:absolute;*/
 /*    top:50%;*/
 /*    left:0;*/
 /*    z-index:5;*/
 /*    width:60px;*/
 /*    height:150px;*/
 /*    margin-top:-75px;*/
 /*    border-radius:0 10px 10px 0;*/
 /*    background:url(prev.gif) no-repeat;*/
 /*    cursor:pointer;*/
 /*    filter:alpha(opacity=30);*/
 /*    -moz-opacity:0.3;*/
 /*    -khtml-opacity:0.3;*/
 /*    opacity:0.3;*/
 /*    transition:0.5s ease;*/
 /*    -o-transition:0.5s ease;*/
 /*    -webkit-transition:0.5s ease;*/
 /*}*/
 /*.vui-slider .vui-next {*/
 /*    position:absolute;*/
 /*    top:50%;*/
 /*    right:0;*/
 /*    z-index:5;*/
 /*    width:60px;*/
 /*    height:150px;*/
 /*    margin-top:-75px;*/
 /*    border-radius:10px 0 0 10px;*/
 /*    background:url(next.gif) no-repeat;*/
 /*    cursor:pointer;*/
 /*    filter:alpha(opacity=30);*/
 /*    -moz-opacity:0.3;*/
 /*    -khtml-opacity:0.3;*/
 /*    opacity:0.3;*/
 /*    transition:0.5s ease;*/
 /*    -o-transition:0.5s ease;*/
 /*    -webkit-transition:0.5s ease;*/
 /*}*/
 .vui-slider .vui-sidebutton-hover {
     filter:alpha(opacity=40);
     -moz-opacity:0.4;
     -khtml-opacity:0.4;
     opacity:0.4;
     background-color:#000;
 }
 .aduiobox {
     position: fixed;
     top: 10px;
     left: 10px;
     z-index: 99999999999;
 }

 .container {
     position: absolute;
     top: 0;
     left: 0;
     width: 100vw;
     height: 100vh;
     overflow: hidden;
     overflow-y: auto;
     z-index: 88;
 }
 @media screen and (max-width: 1200px)  {
     .aduiobox{
         display: none;
     }
 }